$(function() {
    // 清除缓存  防止图片显示BUG
    console.log(window.localStorage);
    console.log(localStorage);
    localStorage.clear();
    // 把图片src解析
    // console.log($('.img-rounded').attr('src'));
    $('.img-rounded').each(function(index, item) {
            // console.log($(item).attr('src'));
            var alterSrc = ($(item).attr('src')).replace(/%2F/g, '/')
            alterSrc = alterSrc.replace(/%3F/g, '?')
            alterSrc = alterSrc.replace(/%3D/g, '=')
            alterSrc = alterSrc.replace(/[+]/g, '%20')
                // console.log(alterSrc);
            $(item).attr('src', alterSrc)
        })
        // 图片点击
    $(".img-rounded").click(function(e) {
        var thisInput = $(e.target).siblings("input")[0];
        // 手动调用
        // console.log(thisInput);
        $("#" + thisInput.id).click();
        // 调用showImgToView方法
        $("#" + thisInput.id).change(function(e) {
            // console.log(e.target.id, 'e.target.id');
            var index = $(".img-input").index(this);
            // console.log(index, "index");
            showImgToView(e.target.id, index);
        });
    });

    //2、创建FileReader对象数组 有几个提交框就创建几个
    // 获取数据数量
    var fileReaderArr = []
    var dataLength = $('.img-input').length;
    for (var i = 0; i < dataLength; i++) {
        fileReaderArr[i] = new FileReader()
    }
    //正在判断是否符合图片类型
    regexImageFile = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/svg\+xml|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\/x\-icon|image\/x\-portable\-anymap|image\/x\-portable\-bitmap|image\/x\-portable\-graymap|image\/x\-portable\-pixmap|image\/x\-rgb|image\/x\-xbitmap|image\/x\-xpixmap|image\/x\-xwindowdump)$/i;
    //3、利用改变事件将图片显示出来 input-file ID
    function showImgToView(inputFileId, ind) {
        //选择图片文件
        var imgFile = $("#" + inputFileId).get(0).files[0];

        //判断上传文件是否为图片格式
        if (!regexImageFile.test(imgFile.type)) {
            return;
        } else {
            // console.log("fileReader" + "" + ind);
            // console.log(fileReaderArr[ind],'arrInd');
            fileReaderArr[ind].readAsDataURL(imgFile);
        }
    }

    //4、读取文件
    $(".img-rounded").each((index, item) => {
        fileReaderArr[index].onload = (e) => {
            console.log(e.target, 55);
            $(".img-rounded").eq(index).attr("src", e.target.result);
        };
    });










    //   ajax提交
    // $("#immediately").click(function () {
    //     var url = window.location.href;
    //     var index = url.lastIndexOf("/");
    //     console.log(index);
    //     console.log(url.substring(index + 1));
    //     var thisCourseID = url.substring(index + 1);
    //     var visitUrl = "/addQuickly/" + thisCourseID;
    //     $.post("{{url('addQuickly')}}/"+thisCourseID,  (data) => {
    //             console.log(data);
    //     });
    //     $.post(visitUrl, {
    //         '_token':'{{csrf_token()}}'
    //     }, (data) => {
    //         console.log(data);
    //     });
    //     $.post(
    //         "/addQuickly/116",
    //         {
    //             '_token': '{{csrf_token()}}',
    //         },
    //         (data) => {
    //             console.log(data);
    //         }
    //     );
    // });
});